import { Card, Space } from 'antd';
const list = [
  'HTML/CSS：熟练掌握HTML和CSS，包括响应式布局、Flexbox、Grid等技术，能够编写语义化的HTML和可复用的CSS样式。',
  'JavaScript：熟练掌握JavaScript、Ts，包括ES6+的新特性。 ',
  '前端框架：熟练掌握Vue2|3全家桶、Nuxt.js、uniapp、React，能够使用框架快速开发复杂的单页应用。',
  'UI框架：熟练掌握Element-plus、Ant Design、IView、Vant等，能够使用框架快速搭建页面。',
  '前端构建工具：熟练掌握Webpack、Vite等前端工具，能够使用工具优化项目构建和代码质量。',
  '前端性能优化：熟练掌握前端性能优化的方法和工具，能够优化页面加载速度、渲染性能等方面。',
  '其他技能：熟练掌握Git、Linux等基本工具，能够使用命令行进行开发和调试，并且能够解决工具使用过程中的问题。同时，还需要具备一定的团队协作能力和沟通能力，能够与其他开发人员、设计师、产品经理等进行有效的沟通和协作。'
]
export default function Skill() {
  return (
    <Space direction="vertical" size="middle" style={{ display: 'flex' }}>
      {
        list.map((item, index) => (
          <li key={index}>{index+1}. {item}</li>
        ))
      }
    </Space>
  )
}
